html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,i,em,img,dl,ul,ol,dd,dt,li,form,label,legend,table,tr,td,th,article,aside,nav,menu,input,button{margin: 0;padding: 0;box-sizing: border-box;}
ul,ol{list-style:none;}
a{text-decoration: none;}
.topnav{
    background: #292929;
    nav{
        position: relative;
        box-sizing: border-box;
        width: 1231px;
        height: 33px;
        margin: 0 auto;
        .nav_l,.nav_r{
            float: left;
            font-size: 12px;
            .log{
                margin: 0 6px 0 -5px !important;
            }
            span{
                line-height: 33px;
                color: #999999;
            }
            a{
                display: inline-block;
                margin: 0 6px;
                color: #999999;
            }
        }
        .nav_r{
            box-sizing: border-box;
            float: right;
            .liner{padding: 0 5px;}
            .myself{
                width: 60px;
                background: url(../images/register/icon_all.png) no-repeat 51px -43px;
            }
            .about{
                margin-right: 0;
            }
        }
        #s_traingal{
            display: block;
            width: 13px;
            height: 7px;
            position: absolute;
            top:26px;
            right: 215px;
            background: url(../images/register/icon_all.png) no-repeat -100px -100px;
            display: none;
        }
        .menu{
            display: none;
            background: #ffffff;
            border: 1px solid #dddddd;
            width: 82px;
            height: 157px;
            position: absolute;
            top:33px;
            right: 180px;
            text-align: center;
            a{
                display: block;
                color: #999999;
                font-size: 12px;
                padding: 11px 0;
                margin: 0 11px;
                border-bottom: 1px solid #dddddd;
            }
            p{
                &:nth-child(4){
                    a{
                        border-bottom: none;
                    }
                }
            }
        }
    }
}
header{
    .logo{
        width: 1231px;
        height: 110px;
        margin: 0 auto;
        padding-top: 30px;
        box-sizing: border-box;
        a{
            float: left;
            display: block;
            width: 318px;
            height: 50px;
            line-height: 500px;
            overflow: hidden;
            float: left;
            background: url(../images/register/icon_all.png) -300px 0px;
        }
        form{
            float: left;
            margin-left: 262px;
            padding: 2px 2px;
            width: 465px;
            height: 40px;
            background: #e5282c;
            >input{
                padding-left: 10px;
                float: left;
                width: 398px;
                height: 36px;
                border: none;
                &::placeholder{color: #b6b7b9;}
            }
            #find{
                float: left;
                width: 63px;
                height: 36px;
                background: transparent url(../images/cart/icon_all.png) no-repeat 23px -91px;
                outline: none;
                &:hover{
                    cursor: pointer;
                }
            }
        }
        #carts{
            margin-left: 50px;
            border: 1px solid #e6e6e6;
            border-radius: 2px;
            width: 124px;
            height: 40px;
            background: #f6f6f6;
            outline: none;
            &:hover{
                cursor: pointer;
            }
            span{
                text-align: center;
                line-height: 40px;
                float: left;
                &:nth-of-type(1){
                    width: 18px;
                    height: 18px;
                    background: url(../images/cart/icon_all.png) no-repeat -50px 0px;
                    margin-left: 16px;
                }
                &:nth-of-type(2){
                    font-size: 12px;
                    width: 42px;
                    line-height: 18px;
                    margin: 0 8px;
                }
                &:nth-of-type(3){
                    width: 18px;
                    height: 18px;
                    font-size: 12px;
                    line-height: 18px;
                    border-radius:9px; 
                    color: #ffffff;
                    background: #ef2f32;
                }
            }
        }
    }
}
main{
    min-height: 790px;
    background: #f3f3f3;
    padding-top: 40px;
    .show{
        background: #ffffff;
        width: 1210px;
        min-height: 412px;
        margin: 0 auto;
        .top{
            margin-left: 32px;
            width: 1148px;
            height: 41px;
            border-bottom: 1px solid #eeeeee;
            p{
                position: relative;
                top: 28px;
                padding: 0 140px;
                float: left;
                width: 35px;
                height: 42px;
                span{
                    display: block;
                }
                &:nth-of-type(1){
                    span{
                        &:nth-of-type(1){
                            width: 22px;
                            height: 22px;
                            background: url(../images/cart/icon_all.png) no-repeat -300px -300px;
                            margin-left: 6px;
                        }
                        &:nth-of-type(2){
                            margin-top: 9px;
                            width: 36px;
                            line-height: 11px;
                            color:#f43f43;
                            font-size: 10px;
                        }
                    }
                }
                &:nth-of-type(2){
                    span{
                        &:nth-of-type(1){
                            width: 22px;
                            height: 22px;
                            background: url(../images/cart/icon_all.png) no-repeat -323px -300px;
                            margin-left: 9px;
                        }
                        &:nth-of-type(2){
                            margin-top: 9px;
                            width: 48px;
                            line-height: 11px;
                            color:#333333;
                            font-size: 10px;
                        }
                    }
                }
                &:nth-of-type(3){
                    span{
                        &:nth-of-type(1){
                            width: 22px;
                            height: 22px;
                            background: url(../images/cart/icon_all.png) no-repeat -323px -300px;
                            margin-left: 11px;
                        }
                        &:nth-of-type(2){
                            margin-top: 9px;
                            width: 48px;
                            line-height: 11px;
                            color:#333333;
                            font-size: 10px;
                        }
                    }
                }
                &:nth-of-type(4){
                    span{
                        &:nth-of-type(1){
                            width: 22px;
                            height: 22px;
                            background: url(../images/cart/icon_all.png) no-repeat -323px -300px;
                            margin-left: 5px;
                        }
                        &:nth-of-type(2){
                            margin-top: 9px;
                            width: 24px;
                            line-height: 11px;
                            color:#333333;
                            font-size: 10px;
                            margin-left: 5px;
                        }
                    }
                }
            }
        }
        .mid{
            width: 452px;
            height: 66px;
            margin-top: 170px;
            margin-left: 380px;
            dl{
                dt{
                    width: 66px;
                    height: 66px;
                    float: left;
                    margin-right: 10px;
                    background: url(../images/cart/icon_all.png) no-repeat -300px -750px;
                }
                dd{
                    &:nth-of-type(1){
                        padding: 5px 0;
                        float: left;
                        line-height: 27px;
                        font-weight: bolder;
                        font-size: 17px;
                    }
                    &:nth-of-type(2){
                        float: left;
                        line-height: 23px;
                        margin: 10px 0 6px 0;
                        font-size: 10px;
                        color: #999999;
                        a{
                            color: #2c7ac3;
                        }
                    }
                }
            }
        }
    }

}
footer{
    height: 242px;
    background: #ffffff;
    margin-top: 60px;
    .promise{
        height: 60px;
        width: 1209px;
        background: url(../images/cart/footer-map.png) no-repeat right top;
        margin: 0 auto;
    }
    .full{
        width: 100%;
        height: 50px;
        background: #313131;
        ul{
            width: 1209px;
            height: 50px;
            margin: 0 auto;
            li{
                float: left;
                &:nth-child(even){
                    line-height: 50px;
                    font-size: 12px;
                    color: #ffffff;
                }
                &:nth-child(odd){
                    margin-left: 105px;
                    margin-top: 12px;
                    margin-right: 5px;
                    width: 26px;
                    height: 26px;
                    line-height: 50px;
                    background: url(../images/cart/icon_all.png)
                }
                &:nth-of-type(1){
                    background-position: 0 -500px;
                }
                &:nth-of-type(3){
                    background-position: -50px -500px;
                }
                &:nth-of-type(5){
                    background-position: -100px -500px;
                }
                &:nth-of-type(7){
                    background-position: -150px -500px;
                }
                &:nth-of-type(9){
                    background-position: -200px -500px;
                }
            }
        }
    }
    .last{
        width: 1209px;
        height: 132px;
        margin: 0 auto;
        .last_l{
            float: left;
            p{
                .liner{
                    padding: 7px;
                    font-weight: normal; 
                }
            &:nth-of-type(1){
                padding-top: 15px;
                line-height: 40px;
                font-size: 14px;
                font-weight: bolder;
            }
            &:nth-of-type(2){
                margin-top: 7px;
                line-height: 28px;
                font-size: 12px;
                color: #999999;
                a{
                    color: #999999;
                }
            }
            &:nth-of-type(3){
                line-height: 28px;
                font-size: 12px;
                color: #999999;
            }
        }
    }
    .last_right{
        width: 208px;
        height: 117px;
        margin-top: 15px;
        float: right;
          .images{
              float: right;
              img{
                  &:nth-child(1){
                      margin-right: 18px;
                  }
              }
              span{
                  text-align: center;
                  display: block;
                  float: left;
                  font-size: 12px;
                  color: #333333;
                  &:nth-of-type(1){
                      margin-left: 20px;
                      margin-right: 65px;
                  }
              }
            }
        }
      
    }
}
aside{
    background: #ffffff;
    position: fixed;
    bottom: 39px;
    right: 270px;
    border:1px solid #eaeaea;
    ul{
        position: relative;
        border:none;
        width: 58px;
        li{
            a{
                display: block;
                color:#000000;
            }
            &:nth-of-type(1){
                &:hover{
                    a{
                        color: #e5282c;
                    }
                    i{
                        background-position-y: -450px;
                    }
                }
                padding-bottom: 15px;
                border-bottom: 1px solid #eaeaea;
                i{
                    display: block;
                    margin: 10px 0 10px 20px;
                    width: 16px;
                    height: 17px;
                    background: url(../images/cart/icon_all.png) no-repeat -200px -400px;
                }
                em{
                    position: absolute;
                    top: -10px;
                    right: 2px;
                    display: block;
                    font-size: 10px;
                    font-style: normal;
                    width: 18px;
                    height: 18px;
                    border-radius: 9px;
                    color: #ffffff;
                    background: #e5282c;
                    text-align: center;
                }
                span{
                    display: block;
                    width: 60px;;
                    line-height: 10px;
                    font-size: 10px;
                    text-align: center;
                }
            }
            &:nth-of-type(2){
                &:hover{
                    a{
                        color: #e5282c;
                    }
                    i{
                        background-position-y: -450px;
                    }
                }
                padding-bottom: 13px;
                border-bottom: 1px solid #eaeaea;
                i{
                    margin-top: 10px;
                    margin-left: 20px;
                    display: block;
                    width: 19px;
                    height: 20px;
                    background: url(../images/cart/icon_all.png) no-repeat -150px -400px;
                }
                span{
                    display: block;
                    width: 24px;
                    line-height: 10px;
                    margin-top: 10px;
                    margin-left: 17px;
                    font-size: 10px;
                }
            }
            &:nth-of-type(3){
                &:hover{
                    a{
                        color:#e5282c;
                    }
                    i{
                        background-position-y: -450px;
                    }
                }
                &:hover div{
                    display: block;
                }
                div{
                    display: none;
                    border: 1px solid #eaeaea;
                    padding-top: 5px;
                    background: #ffffff;
                    position: absolute;
                    top:115px;
                    right:70px;
                    text-align: center;
                    width: 98px;
                    height: 131px;
                    strong{
                        position: absolute;
                        top: 23px;
                        right: -8px;
                        display: block;
                        width: 8px;
                        height: 14px;
                        background: url(../images/cart/icon_all.png) no-repeat -200px -200px;
                    }
                    img{
                        width: 78px;
                        height: 78px;
                    }
                    p{
                        display: block;
                        line-height: 17px;
                        font-size: 10px;
                        color:#666666;
                        width:98px;
                    }
                }
                padding-bottom: 13px;
                border-bottom: 1px solid #eeeeee;
                i{
                    margin-top: 10px;
                    margin-left: 20px;
                    display: block;
                    width: 19px;
                    height: 20px;
                    background: url(../images/cart/icon_all.png) no-repeat -100px -400px;
                }
                span{
                    &:nth-of-type(1){
                    display: block;
                    width: 36px;
                    line-height: 10px;
                    margin-top: 10px;
                    margin-left: 11px;
                    font-size: 10px;
                    }
                    &:nth-of-type(2){
                        display: block;
                        width: 48px;
                        line-height: 10px;
                        margin-top: 10px;
                        margin-left: 5px;
                        font-size: 10px;
                        color: #e5282c;
                        }
                }
            }
            &:nth-of-type(4){
                &:hover{
                    cursor: pointer;
                    background:#aaaaaa;
                }
                padding-top: 4px;
                background: #999999;
                a{
                    width: 24px;
                    line-height: 9px;
                    display: block;
                    margin-top: 7px;
                    margin-left: 17px;
                    font-size: 10px;
                    color: #ffffff;
                }
                i{
                    width: 9px;
                    height: 6px;
                    display: block;
                    margin-top: 12px;
                    margin-left: 25px;
                    background: url(../images/cart/icon_all.png) no-repeat -50px -50px;
                }
            }
        }
    }
}